import React , { Component } from "react";

import Luck28Ball from '../BallStyle/Luck28Ball';

export default class OpenLK28Style extends Component{
  
  render(){
    let code = this.props.code;
    if(!code){
      code = "";
    }
      let temp = code.split("+")
      let templast = temp[temp.length-1].split("=")
     return  <div className="circle open-marksix">
        <ul>
          {temp.map(function(item,index){
            return(
              <div key={index}>
              <li><Luck28Ball num={parseInt(item)} /></li>
              {
                index == temp.length-1? "" : <li className="add-icon">+</li> 
              }
              </div>
            )
          })}
          <li className="add-icon">=</li>
          <li><Luck28Ball num={parseInt(templast[1])} /></li>
        </ul>
      </div>
 

  }
}